<!DOCTYPE html>
<html>
<head>
	<title>纯CSS实现预览轮播图</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="main">
		<div class="imgs">
			<a href="javascript:void(0);" class="first-img"><img src="img/img1.jpg"></a>
			<a href="javascript:void(0);"><img src="img/img2.jpg"></a>
			<a href="javascript:void(0);"><img src="img/img3.jpg"></a>
			<a href="javascript:void(0);"><img src="img/img4.jpg"></a>
			<a href="javascript:void(0);"><img src="img/img5.jpg"></a>
		</div>
		<div class="controller">
			<div class="show-static"></div>
			<div class="show-run"></div>
			<a class="controller-tag1" href="javascript:void(0);"><img src="img/img1.jpg"></a>
			<a class="controller-tag2" href="javascript:void(0);"><img src="img/img2.jpg"></a>
			<a class="controller-tag3" href="javascript:void(0);"><img src="img/img3.jpg"></a>
			<a class="controller-tag4" href="javascript:void(0);"><img src="img/img4.jpg"></a>
			<a class="controller-tag5" href="javascript:void(0);"><img src="img/img5.jpg"></a>
		</div>
	</div>
</body>
</html>